<template>
  <div>
    <template>
      <Tabs @on-click="handleTab">
        <TabPane label="红枣品级" name="Grade"></TabPane>
        <TabPane label="场地管理" name="Field"></TabPane>
      </Tabs>
      <component :is="currentTab" keep-alive></component>
    </template>
  </div>
</template>

<script>
import Grade from "./grade_info.vue";
import Field from "./field_info.vue";
//import OrderNew1 from "./user_detail.vue";
export default {
  name: "tables_page",
  components: {
    Grade,
    Field,
    //OrderTotal,
  },
  data() {
    return {
      currentTab: "Grade", // currentTab 用于标识当前触发的子组件
    };
  },
  methods: {
    handleTab: function (name) {
      this.currentTab = name;
    },
  },
};
</script>

